<div id="container"></div>
<div class="p16 bor-l b-tran">
    <div class="pb16">
        <p class="pb8 fs16">操作面板：</p>
        <button id="exit_edit" disabled="disabled" class="btn bg-red mr8">退出编辑</button>
        <button id="edit_map" class="btn bg-blue mr8">编辑模式</button>
        <button id="edit_add_f" disabled="disabled" class="btn bg-orange mr8">添加标记</button>
        <button id="edit_del_f" disabled="disabled" class="btn bg-red mr8">删除标记</button>
        <button id="edit_mov_f" disabled="disabled" class="btn bg-blue mr8">移动标记</button>
        <button id="edit_md" disabled="disabled" ng-click="enter_md()" class="btn bg-blue mr8">进入MD编辑</button>
    </div>
    <div>
        <div class="pb16">
            <p class="title b-blue mb8">逆向地址变换</p>
            <label for="">坐标：</label>
            <input type="text" id="xy" class="input-normal mr8" disabled>
            <label for="">地址：</label>
            <input type="text" id="readdress" class="input-normal w396" disabled>
        </div>
        <div>
            <p class="title b-blue mb8">正向地址变换</p>
            <label for="">输入地址：</label>
            <input type="text" id="addressCode" class="input-normal w396 mr8">
            <button id="check_address" class="btn bg-blue">查找</button>
        </div>
    </div>
    <div class="pt16">
        <p class="title mb8 b-blue">简要说明</p>
        <p>当进入编辑模式时才能进行各项操作，点击地图时自动进行逆向地址变换，正向地址变换需要手动输入所要查找的地址。</p>
    </div>
</div>
<style>
#container {
    width: 100%;
    height: 400px;
}
</style>
